Happy Friday, everyone! It’s time for another little bookmarklet. Let’s call it the ‘I wish I were posting this from CSUN’ edition. But I’m not, alas. You’re getting it anyway … A great many of the tools that I build I’ve done so with the sole purpose of creating an easy way to visualise an […]
Blog
Fixing a Pet Peeve with GitHub (bookmarklet)
If you’re using GitHub to keep track of issues in a project, it’s highly unlikely that you’ll be in the very fortunate position of having fewer than 25 issues to address. For the rest of us, that 25 limit is what we face when looking at the Issues page. Any more than that, and you […]
New Lookup tool: HTML Reference (bookmarklet and extension)
Following hot on the heels of my WCAG look-up tool, I have adapted it and spun off a separate tool to look up HTML references. Chrome extension: Look up HTML reference Bookmarklet version: Look up HTML reference I was quite surprised that something like this doesn’t already exist as an extension, but there you go. […]
New Lookup tool: WCAG SC Reference (bookmarklet and extension)
tl;dr – I made a tool to look up WCAG SCs and copy the links. As anyone who has spent more than 30 minutes with me where the conversation might veer towards anything technical, I am an über-bore where it comes to the Mac app Keyboard Maestro (KM). It does a shit-tonne of stuff and, […]
Celebrating with The Perfect Toast
A client’s messy “toast” notifications got me thinking about what actually counts as a toast versus something dressed up as one. I break down the difference between quick auto-dismissing messages and ones with buttons or interactivity, and dig into the accessibility traps (timing, visibility, live regions) that trip these up.
Context is king: long live the king!
This article originally appeared on the TPGi blog but was removed in a cull of technical articles in August 2026. The content is mostly as the original was, but the presentation may have changed slightly in the migration to this site. In a recent post on the TPGi blog, Doug Abrams wrote an article titled […]
A Whole Lot of Bovver Over Hover
After two posts untangling colour contrast, I look into whether a hover style need the same 3:1 contrast as a focus indicator? Short answer, no. Using some button examples, I explain why hover effects are a nice bonus, not a WCAG requirement, and never fail SC 1.4.11.
What’s wrong with this picture: Does it fail 1.4.5 Images of Text? [Quiz]
Another round of my quiz format, this time aimed at SC 1.4.5 Images of Text. I throw up (I mean *together*) a bunch of scenarios for you — buttons, logos, tables rendered as images — so you can practice spotting real violations versus legitimate exceptions.
Assume the Position—A Labeling Story
An hour-long chat about where a checkbox label should sit (before or after the box) sent me down a rabbit hole into WCAG’s actual guidance on label positioning. I dig through common conventions, the classic “terms and conditions” exception, and what SC 3.3.2 really say, landing at “it depends, but pay attention.”
What Makes a Good Screenshot?
A colleague’s question about logging bugs turned into a full brain dump on screenshots. I share the habits that have served me well over the years (naming files by success criterion, cropping and annotation techniques) with the reminder that screenshots should support your write-up, not replace it.